<template>
  <!--  首页行业动态 -- 详情页 -->
  <view class="ratingResult">
    <view class="wrapper">
      <view class="ratingClass" v-for="item in details" :key="item.id">
        <view class="rating-title">
          {{ item.checkItemName }}
        </view>
        <view class="rating-con">
          <image
            :src="
              baseImgUrl +
              (item.checkOptionStatus == 0 ? 'rating_1.png' : 'rating_2.png')
            "
            mode="aspectFill"
          ></image>
          <text>{{ item.checkOptionName }}</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import { evaluateCheckTaskItem } from "@/api/home.js";
export default {
  data() {
    return {
      baseImgUrl: this.$baseImgUrl,
      imgPrefix: uni.getStorageSync("imgPrefix"),
      details: [],
    };
  },
  onLoad(options) {
    evaluateCheckTaskItem({ taskId: options.taskId }).then((res) => {
      if (res.code == 200) {
        this.details = res.result;
      }
    });
  },
  methods: {},
};
</script>

<style lang="scss">
.ratingResult {
  height: 100%;
  background: #f6f6f6;
  overflow-y: hidden;
  padding: 16rpx 24rpx;
  .wrapper {
    padding: 34rpx 40rpx 0;
    height: 97vh;
    background: #ffffff;

    .ratingClass {
      padding: 20rpx 0;
      .rating-title {
        font-size: 36rpx;
        font-weight: bold;
        color: #000000;
      }

      .rating-con {
        position: relative;
        padding: 15rpx 0 0 30rpx;
        font-size: 34rpx;
        font-weight: 500;
        color: #363636;
        text {
          margin-left: 50rpx;
        }

        image {
          position: absolute;
          top: 20rpx;
          margin-right: 10rpx;
          width: 36rpx;
          height: 36rpx;
        }
      }
    }
  }
}
</style>
